/*故事线*/
.story-bg{background: url(../images/bg@2x.jpg) no-repeat top center;background-size: 100%}
.island-light{position: absolute;width: 1034px;height: 565px;left: 120px;top: 90px;background: url(../images/lightbg@2x.png) no-repeat center;background-size: 100%;z-index: 2;animation: light infinite 1s alternate;transform-origin: 50% 50%;}
.island{position: relative;width: 1034px;height: 565px;margin: 90px auto 0;background: url(../images/xq@2x.png) no-repeat center;background-size: 100%;z-index: 3;}
.island .road{position: absolute;top: -10px;left: 9px;width: 1040px;height: 346px;background: url(../images/road.png) no-repeat center;background-size: 68%}
.island .base{position: absolute;width: 125px;height: 81px;background: url(../images/base@2x.png) no-repeat center;background-size: 100%;cursor: pointer;}
.island .base.active{background: url(../images/base-active@2x.png) no-repeat center;background-size: 100%}
.island .base-1{left: 110px;top: 131px}
.island .base-2{left: 300px;top: 83px}
.island .base-3{left: 482px;top: 70px}
.island .base-4{right: 212px;top: 82px;}
.island .base-5{right: 108px;top: 115px;}
.island .base-6{right: 310px;top: 142px;z-index: 9;}
.island .base-7{left: 400px;top: 155px;}
.island .base-8{left: 236px;top: 184px;}

.island .base.active .light-1{position: absolute;bottom: 8px;left:-25px;width: 174px;height: 101px;background: url(../images/light-1@2x.png) no-repeat center;background-size: 100%;animation: light-1 infinite .5s alternate;z-index: 4;}
.island .base .fxz{display: none;position: absolute;top: -80px;left: 12px;width: 100px;height: 100px;z-index: 3;animation: fxz infinite 1s alternate;}
.island .base .fxz.man{background: url(../images/man-tx.png) no-repeat center;background-size: 100%;}
.island .base .fxz.woman{background: url(../images/woman-tx.png) no-repeat center;background-size: 100%;}

.story-bg .word{width: 1030px;height: auto;padding: 30px 0;margin: 0 auto;color: #FFFFFF}
.story-bg .word h2,
.story-bg .word h3{text-align: center;margin-bottom: 20px}
.story-bg .word p{margin-bottom: 20px}
.story-bg .word .tab{display: none;}

.story-bg .word{width: 1030px;height: auto;padding: 30px 0;margin: 0 auto;color: #FFFFFF}
.story-bg .word h2,
.story-bg .word h3{text-align: center;margin-bottom: 20px}
.story-bg .word p{margin-bottom: 20px}
.story-bg .word .tab{display: none;}

.jf-table{width: 100%;background-color: #FFFFFF}
.table-title li{float: left;height: 60px;line-height: 60px;border-right: 1px solid #D9E7F6;text-align: center;font-size: 14px;background-color: #E2EEFB;box-sizing: border-box;}
.table-title li:first-child,
.table-td li span:first-child{width: 10%;}
.table-title li:nth-child(2),
.table-td li span:nth-child(2){width: 25%;}
.table-title li:nth-child(3){width: 35%;}
.table-title li:last-child,
.table-td li span:last-child{width: 30%;border-right: 0;}
.table-title li div{float: left;height: 30px;line-height: 30px;box-sizing: border-box;}
.table-td li{width: 100%;height:40px;line-height: 40px;text-align: center;}
.table-td li span{display: block;float: left;}
.table-td li span:nth-child(3),
.table-td li span:nth-child(4){width: 17.5%}
.table-td li:nth-child(10n+1){font-weight: bold}



/*animation*/
@keyframes light
{
from {transform: scale(.8,.8)}
to {}
}

@-moz-keyframes light 
{
from {transform: scale(.8,.8)}
to {}
}

@-webkit-keyframes light
{
from {transform: scale(.8,.8)}
to {}
}

@-o-keyframes light
{
from {transform: scale(.8,.8)}
to {}
}

@keyframes light-1
{
from {opacity: .7;}
to {opacity: 1;}
}

@-moz-keyframes light-1 
{
from {opacity: .7;}
to {opacity: 1;}
}

@-webkit-keyframes light-1
{
from {opacity: .7;}
to {opacity: 1;}
}

@-o-keyframes light-1
{
from {transform: translateY(5px);}
to {transform: translateY(-5px);}
}

@keyframes fxz
{
from {transform: translateY(5px);}
to {transform: translateY(-5px);}
}

@-moz-keyframes fxz 
{
from {transform: translateY(5px);}
to {transform: translateY(-5px);}
}

@-webkit-keyframes fxz
{
from {transform: translateY(5px);}
to {transform: translateY(-5px);}
}

@-o-keyframes fxz
{
from {transform: translateY(5px);}
to {transform: translateY(-5px);}
}


@media screen and (max-width: 1280px) {
    .layout{width: 1240px}
    .panel-120{width: 1240px}
    .slider { width: 1240px;}
	.slider .slider-img .slider-img-ul li img { width: 1240px;}
	.login-box{width: 1240px}
	.panel-63{width: 600px}
	.goods-list{overflow: hidden;}
	.goods-list ul li{width: 400px}
	.info-inp dd{width: 93%}
	.course-list .v-info{width: 800px}
}
